html,
body {
  width: 100%;
  background-color: #fff;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  background-color: transparent !important;
  background-image: none;
  transition: background-color 50000s ease-in-out 0s;
  -webkit-text-fill-color: #222 !important;
}

.invitation {
  font-size: 0.3rem;
}

.invitation .tar {
  text-align: right;
}

.invitation .tac {
  text-align: center;
}

.invitation .top .language {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.48rem;
  padding-top: 1rem;
}

.invitation .top .language .cn {
  font-weight: 700;
  color: #333947;
  margin: 0 0.08rem;
}

.invitation .top .language .icon-checkout {
  display: block;
  width: 0.32rem;
  height: 0.32rem;
  background: url("../../assets/images/login/arrow-down.png") no-repeat;
  background-size: 100% 100%;
}

.invitation .top .code {
  margin-top: 0.66rem;
  padding-left: 0.48rem;
}

.invitation .top .code .code-title {
  font-size: 0.64rem;
  color: #0066ff;
}

.invitation .top .code .welcome {
  color: #666;
  margin-top: 0.3rem;
}

.invitation .form {
  margin: 1.6rem auto;
  padding: 0 0.48rem;
}

.invitation .form-item {
  margin-top: 0.4rem;
}

.invitation .form-item .pwd {
  position: relative;
}

.invitation .form-item .pwd input {
  background-color: #f8f8f8;
}

.invitation .form-item .pwd .eye,
.invitation .form-item .pwd .eye-open {
  width: 0.4rem;
  height: 0.4rem;
  background: url("../../assets/images/login/eye.png") no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  right: 0.4rem;
  top: 0.4rem;
}

.invitation .form-item .pwd .eye-open {
  background: url("../../assets/images/login/eye-open.png") no-repeat;
  background-size: 100% 100%;
}

.invitation .form-item .auth-code {
  position: relative;
}

.invitation .form-item .auth-code input {
  background-color: #f8f8f8;
}

.invitation .form-item .auth-code .code {
  width: 2.4rem;
  height: 0.88rem;
  display: block;
  position: absolute;
  right: 0.4rem;
  top: 0.12rem;
}

.invitation .form-item .check-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.1rem;
}

.invitation .form-item .check-title .right {
  color: #e46050;
  font-size: 0.28rem;
}

.invitation .form .form-title {
  color: #333;
  margin-bottom: 0.1rem;
}

.invitation .form .ipt {
  height: 1.12rem;
  line-height: 1.12rem;
  background-color: #fff;
  border-radius: 0.16rem;
  padding: 0 0.3rem;
  width: 6.54rem;
  box-sizing: border-box;
}

.invitation .form .ipt.bd {
  border: 1px solid #e46050;
}

.invitation .form .btn {
  width: 6.54rem;
  height: 0.96rem;
  background: #0066ff;
  border-radius: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin: 0.8rem auto;
  font-size: 0.32rem;
  font-weight: 500;
}

.invitation .form .txt-btns {
  display: flex;
  color: #666;
}

.invitation .form .txt-btns .left,
.invitation .form .txt-btns .right {
  text-align: center;
  flex: 1;
}

.invitation .form .txt-btns .left {
  border-right: 0.02rem solid #eee;
}

.invitation .privacy {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0.2rem;
}

.invitation .privacy .blue {
  color: #0066ff;
  position: relative;
  top: -0.04rem;
}
